<template>
    <div class="card-02">
        <div class="w">
            <h3>经营理念</h3>

            <ul>
                <li>
                    <img src="../../../assets/imgs/card2-icon1.png" alt="">

                    <h4>有好书，就会有好伴</h4>
                    <p>愿景</p>
                </li>
                <li>
                    <img src="../../../assets/imgs/card2-icon2.png" alt="">

                    <h4>精选内容，知识分享</h4>
                    <p>理念</p>
                </li>
                <li>
                    <img src="../../../assets/imgs/card2-icon3.png" alt="">

                    <h4>终身学习与成长</h4>
                    <p>边界</p>
                </li>
            </ul>
        </div>
    </div>
</template>


<style lang="less" scoped>
.card-02 {
    padding-top: 100px;
    height: 625px;
    box-sizing: border-box;
    background: 
        url('../../../assets/imgs/card2-bg.png') no-repeat 50%,
        linear-gradient(180deg,rgba(242,245,250,.7),rgba(242,245,250,0));
    background-size: 2560px 625px;

    h3 {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        line-height: 47px;
        color: #000;
        font-family: PingFang SC-Medium,PingFang SC;
    }

    ul {
        display: flex;
        justify-content: space-between;
        margin-top: 35px;

        li {
            height: 259px;
            width: 280px;
            padding: 46px 0 45px;

            img {
                width: 77px;
            }

            h4 {
                margin-top: 12px;
                font-size: 30px;
                font-family: PingFang SC-Semibold,PingFang SC;
                font-weight: 600;
                line-height: 35px;
                background: -o-linear-gradient(158deg,#ff6800 0,#f18e00 100%);
                background: linear-gradient(292deg,#ff6800,#f18e00);
                -webkit-background-clip: text;
                -webkit-text-fill-color: rgba(0,0,0,0);
            }

            p {
                margin-top: 15px;
                color: #666;
                font-size: 16px;
                line-height: 19px;
                font-family: PingFang SC-Regular,PingFang SC;
            }
        }
    }
}
</style>